﻿<template>
      <!--send box s-->
  <div class="reginster_wrap">
    <p class="login_title">
      用户注册
    </p>
    <form action="">
      <input type="email" class="login_input" placeholder="手机号">
      <div class="wrap_se_input">
        <div class="get_yzm">
          获取验证码
        </div>
        <input type="text" class="login_input yzm" placeholder="验证码">
      </div>
      <input type="text" class="login_input" placeholder="设置密码">
      <!--<input type="submit" class="">-->
      <p class="user_lic">
        点击注册表示同意《用户协议》
      </p>
      <div class="certain_btn_login" v-on:touchstart="register">
          注册
      </div>
    </form>
  </div>
</template>
<script>
import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
import "../../../static/css/Login/reginster.less";
import { Toast } from 'mint-ui';
export default {
  name: 'hello',
  data () {
    return {
      get_layer_show:this.$store.getters.get_layer_show
    }
  },
  ...mapActions([
    "thom_redirect",
  ]),
  ...mapMutations([
    "Change_certain_layer"
  ]),
  methods: {
    //页面跳转
    certain_jump: function () {
      this.$store.dispatch("thom_redirect",{name:"/letter/SucLetter",router:this.$router});
    },
    register:function () {
      this.$store.dispatch("thom_redirect",
        {
          name:"/Login/inner_login",router:this.$router
        });
    }
  }
}
</script>
<style scoped>
  .reginster_wrap{
    width: 100%;
    height: 100%;
  }
.certain_btn_login{
  border:3px solid #9f5c2f;
  width: 86%;
  height: 1.75rem;
  line-height: 1.75rem;
  color: #ffffff;
  background-color: #9f5c2f;
  text-align: center;
  border-radius: 2vw;
  margin: 0 auto;
}
</style>

